<!DOCTYPE html>
<html lang="en">
    <head>
        <meta charset="UTF-8">
        <meta http-equiv="X-UA-Compatible" content="IE=edge">
        <meta name="viewport" content="width=device-width, initial-scale=1.0">
        <title>微信，一个生活的方式。</title>
        <style>
            *{
                margin: 0px;
                padding: 0px;
                list-style:none;
            }
            .header{
                height: 497px;
                background: url(img/n.jpg) repeat-x;
                margin: auto;
            }
            .nav{
                width: 968px;
                height: 74px;
                margin: auto;
            }
            .footer{
                width: 968px;
                height: 423px;
                margin: auto;
            }
            .zuo{
                float: left;
            }
            h2{
                font-size: 30px;
                margin-top: 40px;
                font-weight: 100 bold;
            }
            h3{
                font-weight: 100;
                font-size: 15px;
                color: gray;
                margin-top: 10px;
            }
            h4{
                margin-top: 20px;
                margin-bottom: 20px;
            }
            
            .you{
                float: right;
            }
            .twe{
                width: 968px;
                height: 378px;
                margin: auto;
                margin-top: 48px;
            }
            .left{
                float: left;
            }
            .right{
                float: right;
            }
            .right li{
                font-size: 13px;
                margin: 10px;
                text-decoration: none;
            }
            .three{
                width: 968px;
                height: 50px;
                margin: auto;
            }
            .nav h1{
               margin-top: 10px;
                float: left;
            }
            .nav ul{
               
                float: right;
            }
            .nav li{
                
                float: left;
            }
            .nav li{
                color: white;
                font-size: 12px;
                margin-right: 2px;
                margin-top: 10px;
                padding:14px
                
            }
            .nav li:hover{
                background: black;
                border-radius: 20px;
            }
            .nav a{
                font-size: 14px;
                color:#fff;
                text-decoration: none;
            }
            .left{
                color: gray;
                float: left;
                margin-top: 30px;
            }
            .right{
               margin-top: 30px;
                float: right;
            }
            .left a{
                font-size: 12px;
                color:gray;
             margin: 3px;
             text-decoration: none;
            }
            .right a{
                font-size: 12px;
                color:gray;
              margin: 3px;
              text-decoration: none;
            }
            .zuo li a{
                font-size: 18px;
                margin: 10px;
                text-decoration: none;
            }
            .left li{
                float: left;
                width: 217px;
            }
            .right li a{
                color: green;
                text-decoration: none;
            }
            .left li a{
                color: green;
                text-decoration: none;
            }
        </style>
    </head>
    <body>
        <div class="header">
            <div class="nav">
                <h1>
                    <img src="img/logo.png" alt="" width="150px">
                    </h1>
                    <ul>
                        <li><a href="https://weixin.qq.com/">首页</a></li>
                        <li><a href="https://kf.qq.com/product/weixin.html">帮助与反馈</a></li>
                        <li><a href="https://mp.weixin.qq.com/">公众平台</a></li>
                        <li><a href="https://open.weixin.qq.com/">开放平台</a></li>
                        <li><a href="https://pay.weixin.qq.com/index.php/core/home/login?return_url=%2F">微信支付</a></li>
                        <li><a href="https://ad.weixin.qq.com/">微信广告</a></li>
                        <li><a href="https://work.weixin.qq.com/">企业微信</a></li>
                        <li><a href="https://sticker.weixin.qq.com/cgi-bin/mmemoticon-bin/loginpage?t=login/index">表情开放平台</a></li>
                        <li><a href="https://wx.qq.com/">微信网页版</a></li>
                    </ul>
            </div>
            <div class="footer">
                <div class="zuo">
                    <h2>微信，是一个生活方式</h2>
                    <h3>超过十亿人使用的手机应用<br>
                        支持发送语音短信、视频、图片和文字<br>
                        可以群聊，仅耗少量流量，适合大部分智能手机</h3>
                        <h4>
                            <a href="https://weixin.qq.com/cgi-bin/readtemplate?uin=&stype=&promote=&fr=&lang=zh_CN&ADTAG=&check=false&nav=download&t=weixin_download_list&loc=readtemplate,weixin,body,6"><img src="img/h.png" alt=""></a>
                        </h4>
                    <ul>
                        <li><a href="https://weixin110.qq.com/security/readtemplate?t=find_password/index">忘记了微信账号或密码?</a><br></li>
                        <li><a href="https://weixin110.qq.com/security/readtemplate?t=self_deblock/index">自助解除登录或功能限制</a><br></li>
                        <li><a href="https://weixin110.qq.com/security/readtemplate?t=security_center_website/tools">冻结或解冻微信账号</a></li>
                    </ul>
                </div>
                <div class="right">
                    <a href="https://pc.weixin.qq.com/?t=win_weixin&lang=zh_CN"><img src="img/f.png" alt=""width="480px"></a>
                </div>
            </div>
        </div>
        <div class="twe">
            <div class="left">
                <a href="https://mac.weixin.qq.com/"><img src="img/g.png" alt=""width="600px"></a>
                <ul>
                    <li>
                        <h6> 微信网页版</h6>
                        <p>扫一扫二维码</p>
                        <p>就能在浏览器上使用微信</p>
                         <a href="https://wx.qq.com/">了解更多</a>        
                    </li>
                    <li>
                        <h6> 微信Mac版</h6>
                        <p>扫一扫二维码</p>
                        <p>就能在浏览器上使用微信</p>
                        <a href="https://mac.weixin.qq.com/">了解更多</a>        
                    </li>
                    <li class="last">
                        <h6> 微信windows版</h6>
                        <p>扫一扫二维码</p>
                        <p>就能在浏览器上使用微信</p>
                        <a href="https://pc.weixin.qq.com/">了解更多</a>        
                    </li>
                </ul>
            </div>
            <div class="right">
                <ul>最新信息<br>
                    <li><a href="https://weixin.qq.com/cgi-bin/readtemplate?lang=zh_CN&t=page/faq/android/802/index&faq=android_802">微信 8.0.2 for Android 正式版发布(New) 03-25</a></li>
                    <li><a href="https://weixin.qq.com/cgi-bin/readtemplate?lang=zh_CN&t=page/faq/win/321/index&faq=win_321">微信 3.2.1 for Windows 正式版发布 (New) 03-22</a></li>
                    <li><a href="https://weixin.qq.com/cgi-bin/readtemplate?lang=zh_CN&t=page/faq/ios/802/index&faq=ios_802">微信 8.0.2 for iOS 正式版发布(New) 02-02</a></li>
                    <li><a href="https://weixin.qq.com/cgi-bin/readtemplate?lang=zh_CN&t=page/faq/mac/261/index&faq=mac_261">微信 2.6.1 for Mac 正式版发布 (New) 01-20</a></li>
                    <li><a href="https://weixin.qq.com/cgi-bin/readtemplate?lang=zh_CN&t=page/faq/upgrade">关于部分 iOS 9 用户无法更新微信(New) 01-28</a></li>
                    <li><a href="https://weixin.qq.com/cgi-bin/readtemplate?t=weixin_external_links_content_management_specification">微信外部链接内容管理规范 02-11</a></li>
                    <li><a href="https://weixin.qq.com/cgi-bin/readtemplate?lang=zh_CN&t=page/faq/web/21/index&faq=web_21">微信网页版 2.1 版本发布 01-17</a></li>
                    <li><a href="https://sticker.weixin.qq.com/cgi-bin/mmemoticon-bin/loginpage?t=login/index">微信表情开放平台上线 07-29</a></li>
                    <li><a href="https://weixin.qq.com/cgi-bin/readtemplate?lang=zh_CN&t=weixin_rumor_filter">官方辟谣公众号开通 10-28</a></li>
                    <li><a href="https://weixin.qq.com/cgi-bin/readtemplate?lang=zh_CN&t=weixin_faq_list">查看更多</a></li>
                </ul>
            </div>
        </div>
        <div class="three">
            <hr size="1" color="gray" width="100%" >
            <div class="left">
                <a href="https://www.tencent.com/zh-cn">关于微信</a>
                |<a href="https://weixin.qq.com/cgi-bin/readtemplate?lang=zh_CN&t=weixin_agreement&s=default">服务条款</a>
                |<a href="https://weixin.qq.com/cgi-bin/readtemplate?&t=page/agreement/personal_account&lang=zh_CN">使用规范</a>
                |<a href="https://kf.qq.com/product/weixin.html">客服中心</a>
                |<a href="https://weixin.qq.com/cgi-bin/readtemplate?lang=zh_CN&t=weixin_agreement&s=privacy">隐私保护指引</a><br>
                © 1998 - 2021 Tencent Inc. All Rights Reserved
            </div>
            <div class="right">
                <a href="https://weixin.qq.com/cgi-bin/readtemplate?t=weixin&lang=zh_CN&setlanguage=1">简体中文</a>
                |<a href="https://www.wechat.com/zh_TW/">繁體中文</a>
                |<a href="https://www.wechat.com/en/">English</a>
            </div>
        </div>
    </body>
</html>